<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="6" :xs=12><div class="content">1</div></el-col>
      <el-col :span="6" :xs=12><div class="content">2</div></el-col>
      <el-col :span="6" :xs=12><div class="content">3</div></el-col>
      <el-col :span="6" :xs=12><div class="content">4</div></el-col>
    </el-row>
  </div>
</template>
<script>
export default {
}
</script>

<style lang="scss" scoped>
.content {
  height: 100px;
  background-color: #ffff;
  margin-bottom: 60px;
   box-shadow: 0 0 20px -5px rgb(48,65,32);
}
</style>
